import { Component } from 'react'
import "taro-ui/dist/style/components/avatar.scss";
import "taro-ui/dist/style/components/search-bar.scss";
import "taro-ui/dist/style/components/icon.scss";
import "taro-ui/dist/style/components/button.scss" // 按需引入
import './ecomam.less'
import { View,Text } from '@tarojs/components'
import { AtCheckbox } from 'taro-ui'
import "taro-ui/dist/style/components/checkbox.scss";
import "taro-ui/dist/style/components/icon.scss";
import TabBar from './TabBar'
export default class Ecomam extends Component {
  constructor () {
    super(...arguments)
    this.state = {
      checkedList: ['list1']
    }
    this.checkboxOption = [{
      value: 'list1',
      label: '默认就诊人',
    }]
  }
  handleChange (value) {
    this.setState({
      checkedList: value
    })
  }
    render () {
      return (
        <View>
          <View className="header">
            <View className="text">
            <Text className="f">张小萌</Text>
            <Text className="n">24岁</Text>
          </View>
            <View className="text">
              <Text className="f">身份证号</Text>
              <Text className="n">121241132131313131</Text>
            </View>
            <View className="text">
              <Text className="f">住址</Text>
              <Text className="n">河北省石家庄市桥西区</Text>
            </View>
            <View className="nextText">
              <View>
              <AtCheckbox
                options={this.checkboxOption}
                selectedList={this.state.checkedList}
                onChange={this.handleChange.bind(this)}
              />
              </View>
              <View className="you">
                <Text className="v">编辑</Text>
                <Text  className="v">删除</Text>
              </View>

            </View>
        </View>
          <TabBar current={3}></TabBar>
        </View>


            );
    }
  }
